<html>
    <head>
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <title>AdminLTE 2 | Dashboard</title>
            <!-- Tell the browser to be responsive to screen width -->
            <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
            <!-- Bootstrap 3.3.7 -->
            <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
            <!-- Font Awesome -->
            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
            <!-- Ionicons -->
            <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
            <!-- Theme style -->
            <link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.min.css">
            <!-- AdminLTE Skins. Choose a skin from the css/skins
                 folder instead of downloading all of them to reduce the load. -->
            <link rel="stylesheet" href="../plugins/adminLTE/css/skins/skin-yellow.min.css">  
    </head>
    <body class="hold-transition skin-yellow sidebar-mini">         
            <div class="content">               
                <div class="content-header">
                        欢迎来到管理界面
                </div>
                <div class="content-wapper">
                    <h1>内容区域</h1>
                    <table class="table table-bordered table-hover">
                        <thead>
                            <tr><td>标识</td><td>姓名</td><td>年龄</td><td>身高</td><td></td></tr>
                        </thead>
                        <tbody>
                            <tr><td>1</td><td>adison</td><td>23</td><td>170</td><td>编辑删除</td></tr>
                            <tr><td>2</td><td>cooke</td><td>28</td><td>170</td><td class="btn-group"><button class="btn btn-info">编辑</button><button class="btn btn-warning">删除</button></td></tr>
                        </tbody> 
                        <tfoot>
                                        
                        </tfoot>
                    </table>
                </div>
                <nav aria-label="Page navigation example">
                        <ul class="pagination justify-content-center">
                          <li class="page-item">
                            <a class="page-link" href="#" tabindex="-1">首页</a>
                          </li>
                          <li class="page-item">
                                <a class="page-link" href="#" tabindex="-1">首一页</a>
                              </li>
                          <li class="page-item"><a class="page-link" href="#">1</a></li>
                          <li class="page-item active">
                                <span class="page-link">
                                  2
                                  <span class="sr-only">(current)</span>
                                </span>
                              </li>
                          <li class="page-item"><a class="page-link" href="#">3</a></li>
                          <li class="page-item">
                                <a class="page-link" href="#" tabindex="-1">后一页</a>
                              </li>
                          <li class="page-item">
                            <a class="page-link" href="#">尾页</a>
                          </li>
                        </ul>
                </nav>
            </div>         
    </body>
</html>